<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>background-attachment</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style>
*{
	margin: 0;
	padding: 0;
}
	body{

	}
	.bg{
		position: absolute;
    	top: 0;
    	right: 0;
   	 	bottom: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	background-color: #fff;
    	overflow: hidden;
		background: url(http://hd.yxzhy.cc/imgs/indexbg.png) no-repeat;
		background-size: 100vw auto;
		/* background-attachment: scroll; */
		/* overflow: scroll; */
	}
	.input-wrap{
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		text-align: center;
	}
</style>
</head>
<body>
    <div class="bg">
    	<div class="input-wrap">
    		姓名：<input type="text" placeholder="请输入景区">
    	</div>
    </div>
    	
</body>
</html>